<template name="skeleton">
  <view class="sk-container">
    <view is="components/EsSwiper">
      <view class="carousel EsSwiper--carousel">
        <view is="node-modules/@dcloudio/uni-ui/lib/uni-swiper-dot/uni-swiper-dot">
          <view class="uni-swiper__warp dot--uni-swiper__warp">
            <swiper class="swiper-box EsSwiper--swiper-box" :current="0" :autoplay="false">
              <swiper-item
                style="
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  transform: translate(0%, 0px) translateZ(0px);
                "
              >
                <navigator class="navigator EsSwiper--navigator" hover-class="none">
                  <image class="image EsSwiper--image sk-image" mode="aspectFill"></image>
                </navigator>
              </swiper-item>
            </swiper>
            <view class="uni-swiper__dots-box dot--uni-swiper__dots-box" style="bottom: 10px">
              <view
                class="uni-swiper__dots-item dot--uni-swiper__dots-item"
                style="
                  width: 6px;
                  height: 6px;
                  background-color: rgba(0, 0, 0, 0.3);
                  border: 1px rgba(0, 0, 0, 0.3) solid;
                "
              ></view>
              <view
                class="uni-swiper__dots-item dot--uni-swiper__dots-item"
                style="
                  width: 6px;
                  height: 6px;
                  background-color: rgba(0, 0, 0, 0.3);
                  border: 1px rgba(0, 0, 0, 0.3) solid;
                "
              ></view>
              <view
                class="uni-swiper__dots-item dot--uni-swiper__dots-item"
                style="
                  width: 6px;
                  height: 6px;
                  background-color: rgba(0, 0, 0, 0.3);
                  border: 1px rgba(0, 0, 0, 0.3) solid;
                "
              ></view>
              <view
                class="uni-swiper__dots-long dot--uni-swiper__dots-long uni-swiper__dots-item dot--uni-swiper__dots-item"
                style="
                  width: 18px;
                  height: 6px;
                  background-color: #333;
                  border: 1px rgba(0, 0, 0, 0.9) solid;
                "
              ></view>
              <view
                class="uni-swiper__dots-item dot--uni-swiper__dots-item"
                style="
                  width: 6px;
                  height: 6px;
                  background-color: rgba(0, 0, 0, 0.3);
                  border: 1px rgba(0, 0, 0, 0.3) solid;
                "
              ></view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <scroll-view :refresher-enabled="true" :scroll-y="true" class="guess-list">
      <view is="components/EsListMore" class="r">
        <view class="caption EsListMore--caption">
          <text class="text EsListMore--text sk-transparent sk-text-14-2857-918 sk-text"
            >猜你喜欢</text
          >
        </view>
        <view class="guess EsListMore--guess">
          <navigator class="guess-item EsListMore--guess-item">
            <image class="image EsListMore--image sk-image" mode="aspectFill"></image>
            <view class="name EsListMore--name sk-transparent sk-text-14-2857-785 sk-text"
              >极光限定 珠光蓝珐琅锅</view
            >
            <view class="price EsListMore--price">
              <text class="small EsListMore--small sk-transparent sk-opacity">¥</text>
              <text class="sk-transparent sk-text-14-2857-262 sk-text">199.00</text>
            </view>
          </navigator>
          <navigator class="guess-item EsListMore--guess-item">
            <image class="image EsListMore--image sk-image" mode="aspectFill"></image>
          </navigator>
        </view>
      </view>
    </scroll-view>
  </view>
</template>
<style>
.sk-transparent {
  color: transparent !important;
}
.sk-text-29-4118-880 {
  background-image: linear-gradient(
    transparent 29.4118%,
    #eeeeee 0%,
    #eeeeee 70.5882%,
    transparent 0%
  ) !important;
  background-size: 100% 79.6875rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-29-4118-419 {
  background-image: linear-gradient(
    transparent 29.4118%,
    #eeeeee 0%,
    #eeeeee 70.5882%,
    transparent 0%
  ) !important;
  background-size: 100% 79.6875rpx;
  position: relative !important;
}
.sk-text-23-5294-994 {
  background-image: linear-gradient(
    transparent 23.5294%,
    #eeeeee 0%,
    #eeeeee 76.4706%,
    transparent 0%
  ) !important;
  background-size: 100% 39.8438rpx;
  position: relative !important;
}
.sk-text-14-2857-918 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 52.5rpx;
  position: relative !important;
}
.sk-text-14-2857-785 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 52.5rpx;
  position: relative !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-14-2857-262 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 52.5rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
